<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="tpl/css/app.css">
    <title>Document</title>
</head>
<body>
    <div id="container">
		<form class="address">
			<div class="address-title">
				联系人
			</div>
			<div class="address-typing-box">
				<div class="address-typing">
					<div class="address-typing-title">
						姓名：
					</div>
					<div class="address-typing-input">
						<input type="text">
					</div>
					<div class="address-typing-label">
						<label for="man">
							<input type="radio" name="fapiao" id="man">
							<span>先生</span>
						</label>
						<label for="lady">
							<input type="radio" name="fapiao" id="lady">
							<span>女士</span>
						</label>
					</div>
				</div>

				<div class="address-typing">
					<div class="address-typing-title">
						电话：
					</div>
					<div class="address-typing-input">
						<input type="text">
					</div>
					<div class="address-typing-label"></div>
				</div>
			</div>

			<div class="address-title">
				收货地址
			</div>
			<div class="address-typing-box">
				<div class="address-typing">
					<div class="address-select">
						<select name="" id="">
							<option value="">请选择</option>
						</select>
						<select name="" id="">
							<option value="">请选择</option>
						</select>
						<select name="" id="">
							<option value="">请选择</option>
						</select>
					</div>
				</div>

				<div class="address-typing address-textarea-box">
					<div class="address-typing-title">
						详细地址
					</div>
					<div contenteditable="true" class="address-textarea"></div>
					<textarea id="address" class="address-textarea-real"></textarea>
				</div>
			</div>

			<div class="address-title address-tips">
				<img src="tpl/img/tips.png" alt="">
				（支持广州市区配送，黄埔区、增城区、花都区、从化区、番禺区、南沙区除外）
			</div>
			
			<div class="address-btns">
				<a class="btn type3">查看可配送点</a>
				<a class="btn type2">确定</a>
			</div>
			
		</form>
    </div>

    <script src="tpl/js/lib/jquery.min.js"></script>
    <script src="tpl/js/lib/laytpl.js"></script>
    <script src="tpl/js/app.js"></script>

    <script>
    	$(document).ready(function() {
    		$(".address-textarea").on('input propertychange', function(event) {
    			$("#address").val($('.address-textarea').html())
    		});
    	});
    </script>
</body>
</html>